/**********************
FONTS */
@font-face {
	font-family: 'Colaborate';
	src: url('ColabReg-webfont.eot');
	src: local('☺'), url('../fonts/ColabReg-webfont.woff') format('woff'), url('../fonts/ColabReg-webfont.ttf') format('truetype'), url('../fonts/ColabReg-webfont.svg#webfont7z6NjezX') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate';
	src: url('ColabMed-webfont.eot');
	src: local('☺'), url('../fonts/ColabMed-webfont.woff') format('woff'), url('../fonts/ColabMed-webfont.ttf') format('truetype'), url('../fonts/ColabMed-webfont.svg#webfont7z6NjezX') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'GreyscaleBasic';
	src: url('Greyscale_Basic_Regular.eot');
	src: local('☺'), url('../fonts/Greyscale_Basic_Regular-webfont.woff') format('woff'), url('../fonts/Greyscale_Basic_Regular-webfont.ttf') format('truetype'), url('../fonts/Greyscale_Basic_Regular-webfont.svg#webfont7z6NjezX') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GreyscaleBasic';
	src: url('Greyscale_Basic_Bold-webfont.eot');
	src: local('☺'), url('../fonts/Greyscale_Basic_Bold-webfont.woff') format('woff'), url('../fonts/Greyscale_Basic_Bold-webfont.ttf') format('truetype'), url('../fonts/Greyscale_Basic_Bold-webfont.svg#webfont7z6NjezX') format('svg');
	font-weight: bold;
	font-style: normal;
}

/**********************
GENERAL */
body {background:#000; color:#fff; padding:0 15px; position:relative;}
* {font-family: Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif; }

/**********************
HEADINGS & TEXT */

.h1, .h2, h3, h4, h5, h6, .boton { font-family: GreyscaleBasic, "Greyscale Basic Regular", Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif; margin-bottom: 15px;}

#container #middle .h1 { font-size: 36px; color:#fff; font-family: GreyscaleBasic, "Greyscale Basic Regular", Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif;}
#container #middle label.h1{ font-size: 36px; color:#fff; font-family: GreyscaleBasic, "Greyscale Basic Regular", Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif;}
h2 { font-size: 30px; color: #02aefd; }
h3 { font-size: 24px; padding: 3px 8px; line-height: 30px; color: #fff; background-color: rgba(0, 0, 0, 0.5); }
h4 { font-size: 18px; color: #e9db00; }

.subTitle { font-family: GreyscaleBasic, "Greyscale Basic Regular", Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif; padding-left:30px; font-size: 26px; color: #02aefd; }
p { font-size: 15px; line-height: 1.4em; margin-bottom: 20px; }

.contText { padding: 5px 8px; margin: 30px 0; background-color: rgba(0, 0, 0, 0.8); outline: rgba(0, 0, 0, 0.3) solid 8px; }

/**********************
FORMULARIOS */
.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
fieldset {border:1px solid #fff; margin: 30px 0; padding: 10px; width: 90%; }
fieldset legend { background-color: rgba(0, 0, 0, 0.3); padding: 5px 10px; color: #02aefd; }
.tb_contentDatos tr td fieldset legend label{float:none; font-weight:normal; color: #02aefd; font-size: 13px; font-family: Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif; }
fieldset .lblInput { text-align: right; float: left; width:150px; margin-right: 10px; }
fieldset .input { padding: 6px 8px; background-color: rgba(0, 0, 0, 0.5); border: #222 solid 2px; color: #fff;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
fieldset .input:focus {border: #02aefd solid 2px; background-color: rgba(0, 0, 0, 1);}
fieldset .checkbox { border: #02aefd solid 2px; }

/* Botones e inputs generales */
.boton { padding: 6px 15px; border:0; background: url('../images/login-btn.gif') repeat-x 0 0; height: 40px; font-size: 20px; font-weight: bold; color: #fff; cursor: pointer;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);  }
.boton:hover { background-position: 0 -40px; color: #035479; top: -1px; position: relative; }

.selectGeneral{padding: 6px 8px; background-color: rgba(0, 0, 0, 0.5); border: #222 solid 2px; color: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family: GreyscaleBasic, "Greyscale Basic Regular", Arial, Helvetica, sans-serif; font-size:14px; width:auto;}

/**********************
ESTRUCTURAS GENERALES */

#container {background:url('../images/content-bg.gif');}
	#container1 {background:url('../images/cont-left-bg.png') top left repeat-y; }
	#container2 {background:url('../images/cont-right-bg.png') top right repeat-y; }

#left {float:left; width:40px; display:inline;}
#right {float:right; width:40px; display:inline;}
#middle {margin:0 40px; padding:0; display:inline;}

/**********************
HEADER */
#header { width:100%; background:black url('../images/header-logo.png') no-repeat left; height:102px; border-bottom:1px solid #fff; z-index:4; position:relative;}
#header .logoHS{width:102px; height:55px;  background:url("../images/logoHS.png") no-repeat right top; position:absolute; right:5px; top:45px;}

/**********************
CERRAR SESION */

.cerrarSesion{position:absolute; z-index:1000; top:65px; right:120px; overflow:hidden; width: 750px;}
	.cerrarSesion a{ color:#03affb; text-decoration:none; font-size:13px; background:url("../images/navbar-icos.png") no-repeat; padding-left:18px; width:100px; display: block;}
	.cerrarSesion a:hover{text-decoration:underline;}
	.cerrarSesion label{color:#fff; font-size:12px; text-align:left; display:block; margin:0 10px;}
	#container .cerrarSesion a.ayuda{font-family:Arial; color:#fff; text-decoration:none; font-size:13px; padding:0; width:70px; display:block; position:relative; background:none;}
	#container .cerrarSesion a.ayuda label{ cursor:pointer; font-size:13px; padding-left: 8px;} .cerrarSesion a.ayuda:hover, .cerrarSesion a.ayuda label:hover{text-decoration:underline;}
	.cerrarSesion select{ padding:3px 4px; background-color: rgba(0, 0, 0, 0.5)!important; border: #222 solid 2px; color: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family:Tahoma, Arial; font-size:13px; width:100px; }
	.cerrarSesion .boton{line-height:13px; padding:0 5px; border:0; color: #000; background:url('../images/login-btn.gif') repeat-x 0 0; background-position: 0 -40px; height: 24px; font-size:13px; font-weight:normal; cursor: pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8); opacity:0.9; margin:0;font-family:Tahoma, Arial;}

/**********************
NAVBAR */
.navBar{width:99%; background:rgba(0, 0, 0, 0.6) !important; border:2px solid #3d3d3d; overflow:hidden; -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.8); border-width:0 2px 2px 2px; margin:-17px auto 15px auto; padding:0 5px 0 5px; -moz-border-radius: 0 0 8px 8px ;}
.navBar ul{width:100%; overflow: hidden;}
.navBar ul li{ position: relative; padding:0 3px; z-index: 4000; display: block; float: left; border-right: 1px solid #3d3d3d; height:116px; margin: 7px 0;}
.navBar ul li div{overflow:hidden;}

.navBar ul li.first input{overflow: hidden;}
.navBar ul li.last{border: 0;}
.navBar ul li.last input{margin-right: 20px;}
.navBar ul li a{color:#fff; cursor:pointer; font-size:15px; text-decoration:none; padding:0 0 5px 0; font-weight:bold; display:block;  }
.navBar ul li a:hover, .navBar ul li.over a{color:#02aefd;}
.navBar ul li .titleColumnaNavBar{text-align: center; color:#fff; font-size:13px; font-weight:bold; display:block; }
.navBar ul li .columnNavBar{width:50%; float: left; }
.navBar ul li.last .columnNavBar{width:50%; float: left; }

/*.navBar{width:98%; background:rgba(0, 0, 0, 0.6) !important; border:2px solid #3d3d3d; height:40px; -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.8); border-width:0 2px 2px 2px; margin:-17px auto 15px auto; padding:0 10px 0 10px; -moz-border-radius: 0 0 8px 8px ;}
.navBar ul li{ float: left; position: relative; height: 35px; padding-top:5px;  z-index: 4000; display: block;}
.navBar ul li a{color:#fff; cursor:pointer; font-size:15px; text-decoration:none; padding:10px 12px; font-weight:bold; display:block; }
.navBar ul li a:hover, .navBar ul li.over a{color:#02aefd;}
.navBar ul li ul{display: none; background:rgba(0, 0, 0, 0.9) !important; -moz-border-radius:8px; border:2px solid #363636; padding:10px; top:34px; left:0; z-index: 50000; position:absolute;}
.navBar ul li ul li{height: auto; float: none; margin:0;}*/

	.navBar input{ background:url("../images/navbar-icos.png") no-repeat; border:0; height:20px; color:#fff; cursor:pointer; text-align:left; font-size:13px; padding-left:28px; background-position:7px -16px; margin:0 10px 5px 0; font-weight:bold;}
	.navBar input:hover{color:#02aefd; border-color:#02aefd;}
	.navBar input.empleados{}
	.navBar input.empresas{background-position:7px -36px;}
	.navBar input.grupos_terminal{background-position:7px -56px;}
	.navBar input.terminales{background-position:7px -76px;}
	.navBar input.informe_tiempo_usuario{background-position:7px -96px;}
	.navBar input.permisos{background-position:7px -116px;}
	.navBar input.fichajes{background-position:7px -136px;}
	.navBar input.calendario_festivos{background-position:7px -256px; }
	.navBar input.perfiles{background-position:7px -156px;}
	.navBar input.visitas{background-position:7px -276px;}
	.navBar input.departamentos{background-position:7px -176px;}
	.navBar input.monitorizacion{background-position:7px -196px;}
	.navBar input.informe_tiempo_terminal{background-position:7px -216px;}
	.navBar input.log_sistema{background-position:7px -236px;}
	.navBar input.jornadas_laborales{background-position:7px -296px; }
	.navBar input.festivos{background-position:7px -316px;}
	.navBar input.calendarios{background-position:7px -336px; }
	.navBar input.ver_calendarios{background-position:7px -336px;}
	.navBar input.incidencias{background-position:7px -356px;}

/**********************
FOOTER */
#foot { width:100%; background:black url('../images/footer-logo.png') no-repeat right; height:89px; border-top:1px solid #fff;}

/*********
PANTALLAS EDICION ELEMENTOS */
/* botones de edicion:alta, baja y modificacion */
.botonesEdicion{width:97%; margin:20px auto 0 auto;}
.botonesEdicion input{text-align:left; width:108px; height:35px; padding:0 0 7px 28px; margin-right:10px; cursor:pointer; color:#fff; border:0; opacity:0.9; font-size:18px; font-weight:bold; font-family: GreyscaleBasic, "Greyscale Basic Regular", Arial, Helvetica, sans-serif; }
.botonesEdicion input.botonAlta{ background:url("../images/boton_alta_bg.png") no-repeat;}
.botonesEdicion input.botonModificacion{ background:url("../images/boton_modificar_bg.png") no-repeat; color:#000;}
.botonesEdicion input.botonBaja{float:right; color:#dc0000; background:url("../images/boton_baja_bg.png") no-repeat; margin:0;}
.botonesEdicion input:hover{opacity:1;}
.botonesEdicion input.boton{width:160px; padding: 0; text-align: center; }

/* tabla de datos  */
.tb_contentDatos{width:98%; border: rgba(0, 0, 0, 0.3) solid 8px; margin:10px 0; padding: 10px 0; margin:10px auto;}
.tb_contentDatos tr td label.h1{width:auto;}
div.tb_contentDatos{width:auto;}
.tb_contentDatos tr td{vertical-align:middle;}
.tb_contentDatos tr td label, .tb_contentDatos label{ text-align: right; float:right; width:140px; margin-right: 5px; color:#fff; padding-top:10px; font-family: GreyscaleBasic, "Greyscale Basic Regular", Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px;}
.tb_contentDatos tr td label.labelCheckbox{text-align: left; float:left; padding:5px 10px;}
.tb_contentDatos tr td input, .tb_contentDatos input { padding: 6px 8px; background-color: rgba(0, 0, 0, 0.5); border: #222 solid 2px; color: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family: GreyscaleBasic, "Greyscale Basic Regular", Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; width:200px;}
.tb_contentDatos tr td input:focus {border: #02aefd solid 2px; background-color: rgba(0, 0, 0, 1);}
.tb_contentDatos tr td input.ip{font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px;}

.tb_contentDatos tr td select, .tb_contentDatos select{padding: 6px 8px; background-color: rgba(0, 0, 0, 0.5); border: #222 solid 2px; color: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family: GreyscaleBasic, "Greyscale Basic Regular", Arial, Helvetica, sans-serif; font-size:14px; width:195px;}
.tb_contentDatos tr td select option{font-family: GreyscaleBasic, "Greyscale Basic Regular", Arial, Helvetica, sans-serif; font-size:14px; }
.tb_contentDatos tr td input.checkbox, .tb_contentDatos tr td input.checkbox-dis { border: #02aefd solid 2px; float:right; width:25px; height:auto; margin:7px 0;}
.tb_contentDatos tr td input.botonGenerar{margin-top:3px; background:url("../images/boton_generar_bg.png") no-repeat; color:#000; text-align:left; width:108px; height:35px; padding:0 0 7px 28px; border:0; opacity:0.9; font-size:18px; font-weight:bold; font-family: GreyscaleBasic, "Greyscale Basic Regular", Arial, Helvetica, sans-serif; cursor:pointer; }
.tb_contentDatos tr td input.botonGenerar:hover{opacity:1;}

.tb_contentDatos tr td input.asignarUsuarios{margin-top:3px; background:url("../images/boton_asignar_usuarios_bg.png") no-repeat; color:#000; text-align:left; width:158px; height:35px; padding:0 0 7px 25px; border:0; opacity:0.9; font-size:17px; font-weight:bold; font-family: GreyscaleBasic, "Greyscale Basic Regular", Arial, Helvetica, sans-serif; cursor:pointer; }
.tb_contentDatos tr td input.asignarUsuarios:hover{opacity:1;}

.tb_contentDatos tr td input.boton, div.tb_contentDatos input.boton { padding: 6px 15px; border:0; background: url('../images/login-btn.gif') repeat-x 0 0; height: 40px; font-size: 20px; font-weight: bold; color: #fff; cursor: pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8); margin:20px 0 0 0; }
.tb_contentDatos tr td input.boton:hover { background-position: 0 -40px; color: #035479; top: -1px; position: relative; }

.tb_contentDatos tr td select.selectHours, .tb_contentDatos tr td select.selectHours-dis{width:65px;}
.tb_contentDatos tr td label.labelHours{width:3px; padding:0; margin:0;}

.tb_contentDatos tr td label.labelTitulo, body label.labelTitulo{color:#02aefd; font-size:18px; float:left; font-weight:bold; text-align:left; margin-bottom:10px; width:auto;}
.tb_contentDatos tr td label.labelIzq{width:auto; text-align:left; float:left; padding-left:10px;}

.tb_contentDatos tr td a{color:#fff; width:auto;}

.tb_contentDatos tr td input.botonGris, .botonesEdicion input.botonGris {margin-top:10px; padding: 6px 15px; border:0; color: #000; background: url('../images/login-btn.gif') repeat-x 0 0; background-position: 0 -40px; height: 40px; font-size: 20px; font-weight: bold; cursor: pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8); opacity:0.9;}
.tb_contentDatos tr td input.botonGris:hover, .botonesEdicion input.botonGris:hover {background-color:#fff; color: #000; position: relative; opacity:1;}
.tb_contentDatos tr td input.boton.botonFilter, div.tb_contentDatos input.boton.botonFilter{margin-top: 10px; height: 30px; padding: 0}
table tr td span.text{color:#fff;}

.contText tr td a{color:#fff;}

.tb_contentDatos tr td input.botonGrisPe, .botonesEdicion input.botonGrisPe{height:30px; font-size:17px; padding-top:5px; }
.tb_contentDatos a.enlaceAzul {color:#03affb; font-size:15px; width:auto;}
.tb_contentDatos a.enlaceAzul:hover{text-decoration:underline;}
.tb_contentDatos .labelOrderBy{color:#fff; font-size:15px; margin-bottom:4px; width:auto;}

/* TABLA PARA LA GESTIÓN DE USUARIOS*/
.tb_contentDatosUserManagment{padding:0; text-align: left; }
.tb_contentDatosUserManagment tbody tr td{vertical-align: top; padding:0 ; margin: 0; text-align: left;}
.tb_contentDatosUserManagment tbody tr td table{ margin:0; padding: 0; width: 100%;}
.tb_contentDatosUserManagment tbody tr td table fieldset{margin:10px 0 0 10px;}
.tb_contentDatosUserManagment tbody tr td table fieldset table{width: auto; }
.tb_contentDatosUserManagment tbody tr td table fieldset table tr td{vertical-align: middle;}
.tb_contentDatosUserManagment tbody tr td table .boton{margin-left: 10px;}

/* TABLA PARA LA GESTIÓN DE TERMINALES */
.tb_contentDatosManagmentTerminal tbody tr td{vertical-align: top; }
.tb_contentDatosManagmentTerminal tbody tr td table label{width: auto;}

/* PANTALLA DE LOGIN */
.contenedorLogin{ background:black; width:100%; height:100%; position:fixed; left:0; top:0;  z-index:9999;}
.contenedorLogin .headerLogin{text-align:left; width:94%; margin:0 auto; border-bottom:1px solid #fff; height:80px; padding-top:70px; background:url("../images/login-header-logo.png") no-repeat 55px bottom; font-family: GreyscaleBasic, "Greyscale Basic Regular", Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif; }
.contenedorLogin .headerLogin .logo{font-size:90px; color:#fff; display:block; float:left; width:auto; border-right:1px solid #fff; padding:0 10px 10px 0; line-height:60px;}
.contenedorLogin .headerLogin .logo span{color:#02aefd; float:left;}
.contenedorLogin .headerLogin .logoName{font-size:24px; color:#02aefd; padding:10px 0 0 10px; float:left; line-height:1.2em;}
.contenedorLogin .headerLogin .logoHS{width:102px; height:55px;  background:url("../images/logoHS.png") no-repeat right top; float:right; margin-top:20px;}

.contenedorLogin .footLogin{width:94%; margin:0 auto; border-top:1px solid #fff; height:90px; background:url("../images/footer-logo.png") no-repeat right top;}

.contenedorLogin .middleLogin{overflow:hidden; height:400px; width:94%; margin:0 auto; background:url("../images/login-cont-bg.jpg") no-repeat right top; font-family: GreyscaleBasic, "Greyscale Basic Regular", Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif; }
.contenedorLogin .middleLogin .middleLoginTransparent{ width:100%; overflow:hidden; margin-top:120px; padding:30px 0; background: rgba(0, 0, 0, 0.6);}
.contenedorLogin .middleLogin .esloganLogin{ width:420px; float:left; font-size:36px; padding:0 0 0 20px; color:#fff; text-align:left; display:inline;}
.contenedorLogin .middleLogin .esloganLogin span{color:#02aefd;}
.contenedorLogin .middleLogin .accesoLogin{ float:right; width:430px;}
.contenedorLogin .middleLogin .accesoLogin tr td{text-align:right; padding:0 10px 10px 0;}
.contenedorLogin .middleLogin .accesoLogin label{font-size:20px; color:#fff; font-family: GreyscaleBasic, "Greyscale Basic Regular", Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif;}
.contenedorLogin .middleLogin .accesoLogin input{height:20px; border: #888 solid 1px; background:#e8e8e8 url("../images/content-bg-input.gif") repeat-x top; width:270px; padding:4px 5px; font-family: Arial, Helvetica, sans-serif; color:#000; font-size:18px; font-weight:bold;}
.contenedorLogin .middleLogin .accesoLogin input:focus {border: #02aefd solid 1px; background:#000; color:#fff;}
.contenedorLogin .middleLogin .accesoLogin input.login{padding: 3px 15px; border:0; background: url('../images/login-btn.gif') repeat-x 0 0; height:30px; font-size: 18px; font-weight: bold; color: #fff; cursor: pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8); margin:0 0 0 0; width:85px; font-family: GreyscaleBasic, "Greyscale Basic Regular", Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif;}
.contenedorLogin .middleLogin .accesoLogin input.login:hover { background-position: 0 -40px; color: #035479; top: -1px; position: relative; }
.contenedorLogin .middleLogin .accesoLogin a{ color:#03affb; text-decoration:none; font-size:13px;}
.contenedorLogin .middleLogin .accesoLogin a:hover{text-decoration:underline;}

.contenedorLoginCambiarPassword{width:550px;; border: rgba(0, 0, 0, 0.3) solid 8px; margin:10px auto; padding: 10px 0; }
.contenedorLoginCambiarPassword tr td{vertical-align:middle; text-align:left;}
.contenedorLoginCambiarPassword a{ text-align: right; margin-right: 30px;  float:right; color:#03affb; text-decoration:none; font-size:15px;}
.contenedorLoginCambiarPassword a:hover{text-decoration:underline;}
.contenedorLoginCambiarPassword label{text-align: right; float:right; width:150px; margin-right: 5px; color:#fff; padding-top:10px; font-family: GreyscaleBasic, "Greyscale Basic Regular", Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px;}
.contenedorLoginCambiarPassword input{ padding: 6px 8px; background-color: rgba(0, 0, 0, 0.5); border: #222 solid 2px; color: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family: GreyscaleBasic, "Greyscale Basic Regular", Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; width:200px;}
.contenedorLoginCambiarPassword input:focus{border: #02aefd solid 2px; background-color: rgba(0, 0, 0, 1);}
.contenedorLoginCambiarPassword input.boton { padding: 6px 15px; border:0; background: url('../images/login-btn.gif') repeat-x 0 0; height: 40px; font-size: 20px; font-weight: bold; color: #fff; cursor: pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8); margin:20px 0 0 0; }
.contenedorLoginCambiarPassword input.boton:hover { background-position: 0 -40px; color: #035479; top: -1px; position: relative; }

/* PARA LOS CALENDARIOS */
.tb_contentDatos tr td div.iceSelInpDatePopup, .tb_contentDatos tr td div.iceSelInpDatePopup-dis{min-width:auto; overflow:hidden;}
.tb_contentDatos tr td div.iceSelInpDatePopup input, .tb_contentDatos tr td div.iceSelInpDatePopup-dis input{width:100px; float:left; }
.tb_contentDatos tr td div.iceSelInpDatePopup input.iceSelInpDateOpenPopup{text-decoration: none; background-color: transparent; background-repeat: no-repeat; text-align: center; border: none; width: 16px; height: 16px; background-image: url( "../images/calendar.png" ); float:left; overflow:hidden; -moz-border-radius:0; margin-top:10px;}
.tb_contentDatos tr td div.iceSelInpDatePopup-dis input.iceSelInpDateOpenPopup-dis{display:none;}
.tb_contentDatos tr td input.calendar{width:20px; background: transparent; border: 0; margin: 0; padding: 0;}

/* PARA LA APGINACIÓN */
.tb_contentDatos tr td.iceDatPgrScrBtn{background:none;}
.tb_contentDatos tr td.iceDatPgrScrBtn span{ border:none; cursor:pointer;}

/* TABLA GRID */
.tb_grid{width:100%; border:0; margin:10px 0; padding: 10px; background: none; }
.tb_grid tr th{ background: none; background: url('../images/login-btn.gif') repeat-x 0 0; background-position: 0 -40px; color:#fff; border: #222 solid 1px; opacity:0.9; padding:7px 0 0 0;  height:28px; }
.tb_grid tr th span{color:#000; font-size:12px; display:block; padding:0 0 0 0; }
.tb_grid tr th table{height:15px;}
.tb_grid tr th table tr td {font-size:14px; display:block; padding:0 8px;}
.tb_grid tr th table tr td{border: 0; background: none; color: #000;}
.tb_grid tr td{padding: 6px 8px; background-color: rgba(0, 0, 0, 0.9); border: #222 solid 2px;}
.tb_grid tr td.iceRowSelSelected { background-color: #000;}
.tb_grid tr td span{ color: #fff;}

/* GRID ESPECIAL PARA ALGUNOS CALENDARIOS */
.tb_gridCalendar tr th{vertical-align:bottom; background: none; background: url('../images/login-btn.gif') repeat-x 0 bottom; color:#fff; border-right: #222 solid 1px; opacity:0.9; padding:7px 0 7px 0; height:auto;}
.tb_gridCalendar tr th a{color:#000; font-size:13px;}

/* FICHAJES*/
.tb_gridFichajes tr td{text-align:left;}
.tb_gridFichajes tr td label{font-size:14px; display:block; padding:10px 8px; color:#000; text-align:left; width:auto; float:left;}

.tb_contentDatos tr td a.enlaceModificar{width:108px; line-height:50px; padding:9px 35px 10px 30px; cursor:pointer;background:url("../images/boton_modificar_bg.png") no-repeat; color:#000; font-size:13px;}
.tb_contentDatos tr td a.enlaceEliminar{width:108px; line-height:50px; padding:9px 35px 10px 30px; cursor:pointer;background:url("../images/boton_baja_bg.png") no-repeat; color:#000; font-size:13px;}

.botonesEdicion input{text-align:left; width:108px; height:35px; padding:0 0 7px 28px; margin-right:10px; cursor:pointer; color:#fff; border:0; opacity:0.9; font-size:18px; font-weight:bold; font-family: GreyscaleBasic, "Greyscale Basic Regular", Arial, Helvetica, sans-serif; }
.botonesEdicion input.botonAlta{ background:url("../images/boton_alta_bg.png") no-repeat;}
.botonesEdicion input.botonModificacion{ background:url("../images/boton_modificar_bg.png") no-repeat; color:#000;}

/* MENSAJES DE ERROR, CONFIRMACIÓN, AVISOS E INFORMATIVOS */
.msgError{width: 380px; border: #02aefd solid 4px; padding:10px 20px; color:#fff;  background-color: rgba(0, 0, 0, 0.9); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.9);  }
.msgError table{ margin:0; padding:0; color: #fff;}
.msgError .icePnlPopHdr, .msgError .icePnlPopBody{background:none;}
.msgError .tituloError{color:#02aefd; font-size:24px; display: block; font-weight: bold; padding:10px 0; }
.msgError .message{color:#fff; font-weight:bold; font-size:17px; line-height:1.3em; top:-10px; display:block; position:relative;}
.icePnlPop.msgError{background-color: transparent; background-color: rgba(0, 0, 0, 0.9); }
.icePnlPop input.boton{float:left; margin:0 auto; padding:2px 15px; border:0; color: #000; background: url('../images/login-btn.gif') repeat-x 0 0; background-position: 0 -40px; height: 30px; font-size: 18px; font-weight: bold; cursor: pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8); opacity:0.9;}
.icePnlPop input:hover {background-color:#fff; color: #000; position: relative; opacity:1;}

.msgError .contenedorTablaErrores{width: 500px; height: 200px; overflow: auto; background:#000; padding:5px;}
.msgError .contenedorTablaErrores table thead tr th{background:none; color:#000; border:0; font-size:14px;  padding:4px 0 0 4px;  height:28px;  font-weight:bold; border-bottom:2px solid #ccc; text-align:left;}
.msgError .contenedorTablaErrores table tbody tr td{font-size:12px; font-weight:normal;}

.msgPopupColor{border-color:#02aefd; width:140px; background:none; padding:10px; left: 480px; top: 144px; margin:0;}
.msgPopupColor table tr td span.seleccione{color:#02aefd; font-size:16px;}
.msgPopupColor table tr td table{text-align:center; margin:0 auto;}

.msgError select, .msgError select{padding: 6px 8px; background-color: rgba(0, 0, 0, 0.5); border: #222 solid 2px; color: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family: GreyscaleBasic, "Greyscale Basic Regular", Arial, Helvetica, sans-serif; font-size:14px; width:195px;}
.msgError select option{font-family: GreyscaleBasic, "Greyscale Basic Regular", Arial, Helvetica, sans-serif; font-size:14px; }
.msgError select.selectHours, .msgError select.selectHours-dis{width:65px;}

/* RESTABLECIENDO VALORES DE LOS POPUPS */
.icePnlPop, .icePnlTlTip {color: #fff; border: #02aefd solid 4px; background-color: transparent; background-color: rgba(0, 0, 0, 0.9);  z-index: 1000;}
.icePnlPop .icePnlPopBody { background-color: none;}
.icePnlPopHdr, .icePnlTlTipHdr { background:none; height:auto;}
.icePnlPopHdr .iceOutTxt, .icePnlTlTipHdr .iceOutTxt {color:#02aefd; font-size:24px; display: block; font-weight: bold; margin-left:0;font-weight:bold; padding:10px 0; text-align:left;	vertical-align:middle;}
.icePnlPopBody, .icePnlTlTipBody { padding:0; background:none;}
.icePnlPopFtr, .icePnlTlTipFtr {float: right;height: auto; background-color: none;}

@media all and (max-width: 1158px) and (min-width: 800px) {
	.navBar ul li{ padding:0 3px; height: 170px;}
	.navBar ul li.last{ width:auto;}
	.navBar ul li .columnNavBar{width:auto; float: none; }
	.navBar ul li.last .columnNavBar{float: none; width:auto;}
}@media all and (max-width: 1279px) and (min-width: 1158px) {
	.navBar ul li{ padding:0 3px; height: 170px; overflow: hidden;}
	.navBar ul li.last{ width: 370px;}
	.navBar ul li .columnNavBar{width:auto; float: none; }
	.navBar ul li.last .columnNavBar{float: left; width:50%;}
}